<!DOCTYPE html>
<html lang="${lang,escape}">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
    <meta name="description" content="${AppName!}">
    <title>${AppName!}</title>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="${base!}/assets/platform/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="${base!}/assets/platform/plugins/element-ui/lib/theme-chalk/index.css">
    <link rel="stylesheet" href="${base!}/assets/platform/fonts/themify-icons.css">
    <link rel="stylesheet" href="${base!}/assets/platform/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="${base!}/assets/platform/css/common.css">
    <link rel="stylesheet" href="${base!}/assets/platform/css/main.css?v=${thisTimes}">
    <link rel="stylesheet" href="${base!}/assets/platform/css/elmain.css">
    <link rel="stylesheet" href="${base!}/assets/platform/css/panel.css">
    <!-- import Vue before Element -->
    <script src="${base!}/assets/platform/plugins/vue/vue.min.js"></script>
    <!-- import JavaScript -->
    <script src="${base!}/assets/platform/plugins/element-ui/lib/index.js"></script>
    <script src="${base!}/assets/platform/plugins/jquery/jquery-1.11.1.min.js"></script>
    <script src="${base!}/assets/platform/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!-- pjax是异步加载html片段的工具,模拟前端路由机制 -->
    <script src="${base!}/assets/platform/plugins/pjax/jquery.pjax.js"></script>
    <script src="${base!}/assets/platform/plugins/bootstrap/js/bootstrap.js"></script>
    <!-- Array数组增加findIndex等方法,TreeTable用得到,兼容IE8 -->
    <script src="${base!}/assets/platform/plugins/polyfill/polyfill.js"></script>
    <!-- 时间日期处理工具类 -->
    <script src="${base!}/assets/platform/plugins/moment/moment.min.js"></script>
    <!-- 浏览器通知 -->
    <script src="${base!}/assets/platform/plugins/push/push.min.js"></script>
    <script src="${base!}/assets/platform/js/offscreen.js"></script>
    <link rel="stylesheet" href="${base!}/assets/platform/css/skins/palette.css" id="skin">
    <script type="text/javascript">
        var base = "${base!}";
    </script>
</head>
<body style="background-color: #ffffff">
<div id="app"  v-cloak style="margin-left: 20px;">
        <el-form :model="formData"  size="mini" label-width="130px" >
            <el-row :gutter="20" border style="text-align: center">
                <el-col :span="24" ><h5>${unitName!}报告防伪二维码查询</h5></el-col>
            </el-row>
            <el-row :gutter="20" border style="text-align: center">
                <el-col :span="24" >&nbsp;</el-col>
            </el-row>
            <el-row :gutter="20" border>
                <el-col :span="24"><el-form-item label="报告编号">{{formData.bgbh}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="检验类别">{{getDict(formData.jylx,allMap.jylxMap)}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="产品名称">{{formData.ypmc}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="备样数量">{{formData.bysl}} {{formData.unit}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="检样数量">{{formData.jysl}} {{formData.unit}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="质量等级">{{formData.ypdj}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="样品特性和状态">{{formData.ypzt}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="所在城市">{{getDict(formData.szcs,allMap.xzqhMap)}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="生产日期/批号"><span style="word-wrap: break-word;">{{formData.scrqpc}}</span></el-form-item></el-col>
                <el-col :span="24"><el-form-item label="规格型号">{{formData.ggxh}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="企业联系人">{{formData.cyry}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="企业联系方式">{{formData.jyfdb}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="商标">{{formData.sb}}</el-form-item></el-col>
            </el-row>
            <el-row :gutter="20" v-if="formData.jylx=='jdcc' || formData.jylx=='jbts'|| formData.jylx=='zxzz'">
                <el-col :span="24"><el-form-item label="抽样单位">{{formData.cydw}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="抽样人员">{{formData.cyryBy}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="抽样日期">{{formData.cyrq}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="抽样单编号">{{formData.cydbh}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="抽样基数">{{formData.cyjs}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="抽样地点">{{formData.cydd}}</el-form-item></el-col>
            </el-row>
            <el-row :gutter="20">
                <el-col :span="24"><el-form-item label="委托单位">{{formData.wtdw}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="委托单位地址">{{formData.wtdwdz}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="委托单位法人">{{formData.wtdwlxr}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="委托单位信用代码">{{formData.wtdwsj}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="委托单位电话">{{formData.wtdwdh}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="委托单位邮编">{{formData.wtdwyb}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="受检单位">{{formData.sjdw}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="受检单位地址">{{formData.sjdwdz}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="受检单位法人">{{formData.sjdwlxr}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="受检单位信用代码">{{formData.sjdwsj}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="受检单位电话">{{formData.sjdwdh}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="受检单位邮编">{{formData.sjdwyb}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="生产单位">{{formData.scdw}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="生产单位地址">{{formData.scdwdz}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="生产单位法人">{{formData.scdwlxr}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="生产单位信用代码">{{formData.scdwsj}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="生产单位电话">{{formData.scdwdh}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="生产单位邮编">{{formData.scdwyb}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="检验项目"></el-input>{{formData.jyxm}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="检验依据">{{formData.jyyj}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="报告备注">{{formData.bz}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="检验日期">{{formData.jyrq}}</el-form-item></el-col>
                <el-col :span="24"><el-form-item label="检验结果"><span v-if="formData.jyjg=='0'">合格</span><span v-if="formData.jyjg=='1'">不合格</span><span v-if="formData.jyjg=='2'">不判定</span></el-form-item></el-col>
                <el-col :span="24"><el-form-item label="检验结论">{{formData.jyjl}}</el-form-item></el-col>
            </el-row>
        </el-form>
</div>
<script>
    new Vue({
        el: "#app",
        data: function () {
            var allMap = {xzqhMap:${xzqhMap},jylxMap:${jylxMap}}
            return {
                allMap:allMap,
                formData: ${obj},
            }
        },
        methods: {
            getDict: function (val,map) {
                if (val!= null && val!=undefined &&val!="" &&val!="null" &&val!="undefined" && map!=null && map !=undefined){
                    var str = val.split(",");
                    var strname="";
                    for (var a=0;a<str.length;a++){
                        strname+=map[str[a]];
                        if(strname == null){
                            alert(1)
                        }
                        if(a<(str.length-1)){
                            strname+="/";
                        }
                    }
                    return strname;
                }
                return "";
            }
        }
    });
</script>
</body>
</html>
